<template>
    <div class="main-container">
        <MarketOverview></MarketOverview>
        <Stocks></Stocks>
    </div>
</template>

<script setup>
import MarketOverview from '@/components/pageunit/index/MarketOverview.vue';
import Stocks from '@/components/pageunit/market/Stocks.vue';
</script>

<style scoped lang="less">
.main-container {
    box-sizing: border-box;
    width: 100%;
    min-height: calc(100vh - var(--nav-height) - var(--footer-height));
    padding: 1.5vw 11vw;
    display: flex;
    flex-direction: column;
    gap: 2vw;
}
</style>